<template>
  <div class="shopcar">
    <img src="../assets//images/empty.png" alt="">
    <div class="btn" @click="login">点我登录</div>
  </div>
</template>

<script setup lang="ts">
const login = ()=>{
  alert('此功能暂未开放···')
}

</script>

<style scoped lang="less">
  .shopcar{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    overflow: scroll;
    img{
      width: 70%;
    }
    .btn{
      width: 60%;
      text-align: center;
      color: white;
      font-size: 16px;
      height: 36px;
      line-height: 36px;
      border-radius: 20px;
      background-color: #f3514f;
    }

  }
</style>